﻿  <div id="listProductosView" data-role="view"
       data-title=""
       data-model="BoxSportSystem.productosList.viewModel" 
      data-show="BoxSportSystem.productosList.onShow">
      <header data-role="header">
          <div data-role="navbar">  
              <span data-role="view-title">Productos</span>
           </div>
      </header>
      
          <div style="padding: 2px;">
              <input style="width: 100%" data-bind="value: criterio" type="search" placeholder=" Introduce poducto" class="form-control" id="txtProductoSearch"/>
              <button style="width: 100%" data-role="button" data-bind="click: buscar" data-icon="search">BUSCAR</button>
              <!--<a class="nav-button" data-align="right" data-role="button" data-icon="search"></a>-->                
            </div>
              <ul id="Ul2" 
          data-template="productosListTemplate" data-style="inset"
          data-bind="source: productosDataSource" data-role="listview">
          <li><a href="view/Productos/detalleProducto.html#detallesProductosView">Casaca Impermeable Reflectiva </a> </li>
          <li><a href="view/Productos/detalleProducto.html#detallesProductosView">Casaca Reflectiva Marrilla</a></li>
          <li><a href="view/Productos/detalleProducto.html#detallesProductosView">EPP Reflectivo Plomo</a></li>
      </ul>
  </div>

<!--    /*<a href="${url}">
        ${data.NombreProducto}<br/>
        ${data.TipoProducto.NombreTipoProducto}<br/>
        Stock: ${data.Stock}
    </a>*/-->

<script id="productosListTemplate" type="text/x-kendo-tpml">
   #var url ='view/Producto/detalleProducto.html\\#detallesProductosView?idProducto='+data.Id #
    
    <ul data-type="group" data-role="listview">
    <li>
        ${data.TipoProducto.NombreTipoProducto}<br/>
        ${data.NombreProducto}<br/>
        Stock: ${data.Stock}
    
    </li>
    </ul>
    
</script>
  